@charset "utf-8";
/* CSS Document */
body {background-image:url(images/PageBCKG.png);
background-repeat:y;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#Wrapper {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	margin-top:auto;
	
}
#Header {
	background-image:url(images/JROTC-Home-Banner.png);
	background-repeat:n;
	height:440px;
	width: 1280px;
}
#Header h1 {
	color:#B4A69D;
	text-align:center;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
   
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
	background-color:#360;
    
}
.active {
	background-color:#660;
}
.dropbtn {
    background-color: #333;
    color: white;
    padding: 14px 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #360;
}

#Content {
	background-color:#660;
	width: 1280px;
	font-family:"Courier New", Courier, monospace;
	font-size: 14px;
	display:inline-block;
	position:relative;
	}
#left {
	background-color:#f1f1f1;
	width:300px;
	padding:10px 20px;
	text-align:center;
	color:#333;
	float:left;
}

#left h3 {
	text-align:left;
}

#left p {
	text-align:left;
	margin-left:20px;
}

#center {
	width:550px;
	display: inline-block;
    margin:0 auto;
	padding:5px 20px 5px 20px;
	text-align:justify;
	text-decoration:none;
    text-align: justify;
}

#right {
	float:right;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#333;
	}
#right p {
	font-size:25px;
	font-weight:bold;
}
#copyright {
	background-color:#333;
	color:white;
	text-align:center;
	height:30px;
	padding:5px;
}
#leftII {
	background-color:#f1f1f1;
	width:900px;
	padding:10px 20px;
	text-align:left;
	color:#333;
	float:left;
	
}
#leftII h1 {
	text-align:center;
	margin-left:50px;
}
#leftII h3 {
	font-weight:bold;
}
.jrotc {
	margin-top:25px;
	margin-left:12px;
}
#centerIII {
	width:1240px;
	display: inline-block;
    margin:0 auto;
	padding:5px 20px 5px 20px;
	text-align:justify;
	text-decoration:none;
    text-align: justify;
	background-color:#f1f1f1;
	
}
#centerIV {
	width:1240px;
	display: inline-block;
    margin:0 auto;
	padding:5px 20px 5px 20px;
	text-align:justify;
	text-decoration:none;
    text-align: justify;
	background-color:#f1f1f1;
}
#centerV {
	width:500px;
	display: inline-block;
    margin:0 auto;
	padding:5px 15px 5px 15px;
	text-align:justify;
	text-decoration:none;
    text-align: justify;
}
#centerV h1
{
	color:#333;
	font-size:30px;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
}
#centerV p {
	color:#333;
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	text-align:left;
	padding: 8px 0 8px 16px;
}
.cocheader {
	margin-left:375px;
	
}
.cocleft {
	float:left;
	padding:5px;
}
.coccenter {
	padding:10px;
	float:left;
}
.cocright {
	float:right;
	padding:5px;
}
#LeftCol {
	
	width:350px;
	padding:10px 20px;
	text-align:center;
	color:#333;
	float:left;
	display:inline-block;
}
/*LeftCol Menu
----------------------------*/
#LeftCol ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	width:350px;
	background-color:white;
	font-size:24px;
	
}

#LeftCol li a {
    display: block;
	color: #000;
	padding: 20px 12px 20px 20px;
	text-decoration:none;
}

/* Change the link color on hover */
#LeftCol li a:hover {
    background:#360;
    color: white;
	border-radius: 25px;
    border: 2px solid #333;
	text-transform:uppercase;
}

#LeftCol h1
{
	color:#333;
	font-size:30px;
	text-align:left;
	padding: 8px 0 8px 16px;
	font-family:"Courier New", Courier, monospace;
}
.img 
{ 
	float: left;
	padding:20px;
}
.img2
{ 
	float: left;
	
}
#CenterCol {
	width:800px;
	display: inline-block;
    margin:0 auto;
	padding:5px 20px 5px 20px;
	text-align:justify;
	text-decoration:none;
    text-align: justify;
}

#RightCol {
	float:right;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#333;
	}
#RightCol h1
{
	color:#333;
	font-size:30px;
	text-align:left;
	
	font-family:"Courier New", Courier, monospace;
}
#RightCol p {
	color:#333;
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	text-align:left;
	padding: 8px 0 8px 16px;
}